<template>
  <div class="traffic">
    <div class="trafficHeader">
      <van-tabs v-model="active" line-width="0px" line-height="0px">
        <van-tab title="火车/大巴">
          <traffic :active="active"></traffic>
        </van-tab>
        <van-tab title="飞机/高铁">
          <traffic :active="active"></traffic>
        </van-tab>
        <van-tab title="轮船">
          <traffic :active="active"></traffic>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import traffic from "@/components/HomeTraffic/common/traffic";


export default {
  name: "TrafficContent",
  components: {traffic},
  data(){
    return{
      active: 1,
    }
  },
}
</script>

<style scoped>
.van-tabs__nav, .van-tabs__nav--line, >>> .van-tab{
  font-size: 16px;
}
.van-tabs__nav, .van-tabs__nav--line, >>> .van-tab--active{
  color: rgb(1,150,255);
  font-weight: 500;
  font-size: 20px;

}
.traffic{
  position: relative;
  width: 94%;
  height: 300px;
  left: 3%;
  margin-top: 3%;
  border-radius: 25px;
  padding-top: 3%;
  box-shadow: 0 0.128rem 0.384rem rgba(0, 0, 0, 0.08);
}


</style>